﻿.homepage section[role=main] {
    margin-left: 120px;
}

@media screen and (-ms-view-state: snapped) {
    .homepage section[role=main] {
        margin-left: 20px;
    }
}

@media screen and (-ms-view-state: portrait) {
    .homepage section[role=main] {
        margin-left: 100px;
    }
}

a:link {
    color:white;
}

.pagetitle {
    position:absolute;
	top:56px;
	height:83px;width:500px;
	left:0px;right:0;
	text-align:center;
}

#divContainer {
    position:absolute;
    top:8em;
    right:0;left:0;
    width:900px;
    height:303.5px;
    margin:auto auto;
}

#shuttle {
    position: relative;
    width: 200px;
    height:200px;
    top:10em;
    padding: 2em;
    margin: 2em;
    background-color:forestgreen;
    font-family: Calibri, sans-serif;
    box-shadow: 0 0 10px rgba(255,255,255, 0.9);
}

#shuttleTitle {
    position:relative;
    top:70px;
    left:auto;
    font-size:40px;
    font-family:Calibri;
    text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
    font-weight:bold;
}

#bus24 {
    position:relative;
    width: 200px;
    height:200px;
    padding: 2em;
    margin: 2em;
    left:20em;
    top:-9.61em;
    background-color:orangered;
    box-shadow: 0 0 10px rgba(255,255,255, 0.9);
}

#bus24Title {
    position:relative;
    top:70px;
    left:75px;
    font-size:40px;
    font-family:Calibri;
    text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
    font-weight:bold;
}

#bus105 {
    position:relative;
    width: 200px;
    height:200px;
    padding: 2em;
    margin: 2em;
    left:40em;
    top:-29.3em;
    background-color:blueviolet;
    box-shadow: 0 0 10px rgba(255,255,255, 0.9);
}

#bus105Title {
    position:relative;
    top:70px;
    left:70px;
    font-size:40px;
    font-family:Calibri;
    text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
    font-weight:bold;
}
